<template>
	<view class="navigation themeBg">
		<view class="navigation-bar" :style="{height:statusBarHeight + 'px'}">
		</view>
		<view class="navigation-box">
			<view>康瑞江山印</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			showSearch:{
				type:Boolean,
				default(){
					return false;
				}
			},
		},
		data() {
			return {
				statusBarHeight:'',
			}
		},
		created() {
			var _this = this;
			uni.getSystemInfo({
				success: function (res) {
					_this.statusBarHeight = res.statusBarHeight;
					_this.contentTop = res.statusBarHeight + uni.upx2px(88);
					_this.tipTop = res.statusBarHeight + uni.upx2px(14);
				}
			});
		},

		methods: {
			
		}
	}
</script>

<style>
.navigation{;position: fixed;top:0;left:0;width:100%;z-index:11;}
.navigation-bar image{width: 100%;height: 100%;}
.navigation-box{height:88rpx;font-weight: bold;padding:0 30rpx;display: flex;align-items: center;justify-content: center;color: white;}
.navigation-title{display: flex;align-items: center;height:80rpx;line-height: 80rpx;}
.navigation-title>image{width:30rpx;height:30rpx;margin:0 10rpx 0 0;}
.navigation-title>view{color:#000;font-size:30rpx;margin-right:16rpx;display: flex;align-items: baseline;}
.navigation-title>view>text{color:#888;font-size:22rpx;margin-left:20rpx;}

.navigation-search{background:#f8f8f8;display: flex;align-items: center;height:66rpx;width:300rpx;border-radius:100rpx;padding:0 24rpx;}
.navigation-search>view{font-size:26rpx;margin-left:20rpx;color:#666;}
.navigation-search>image{width:30rpx;height:30rpx;}
</style>